<!--
 * @Author: your name
 * @Date: 2021-09-10 11:58:32
 * @LastEditTime: 2021-09-10 12:11:24
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\6-jQuery\day01\9-DOM添加元素.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery.js"></script>
</head>

<body>
    <div id="app">
        这是一个div
        <p>123</p>
    </div>
    <div>
        <div>1</div>
        <div>2</div>
        <p>p1</p>
    </div>
</body>
<script>
    //在当前元素内部操作
    // $("#app").append("追加文本");
    // $("#app").prepend("在开头追加文本");
    //删除元素
    //删除全部元素和内容，完全没有
    // $("#app").remove();
    //删除子元素
    // $("#app").empty();
    // //删除标签为div的id为app的元素
    // $("div").remove("#app")

    //追加新元素
    // var p1 = "<p>p1</p>"
    // var p2 = "<p>p2</p>"
    // $("#app").append(p1);
    // $("#app").prepend(p2);
    // //在当前元素外部操作
    // $("#app").after("追加文本");
    // $("#app").before("在开头追加文本");
</script>

</html>